<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册 - VisionScreen</title>
    <link rel="stylesheet" href="../css/register.css">
</head>
<body>
    <div class="register-container">
        <div class="register-content">
            <div class="register-form-section">
                <h2>用户注册</h2>
                <form id="register-form">
                    <div class="input-group">
                        <label for="username">用户名</label>
                        <input type="text" id="username" name="username" placeholder="请输入用户名" required>
                    </div>
                    <div class="input-group">
                        <label for="email">邮箱</label>
                        <input type="email" id="email" name="email" placeholder="请输入邮箱" required>
                    </div>
                    <div class="input-group">
                        <label for="password">密码</label>
                        <input type="password" id="password" name="password" placeholder="请输入密码" required>
                    </div>
                    <div class="input-group">
                        <label for="confirm-password">确认密码</label>
                        <input type="password" id="confirm-password" name="confirm-password" placeholder="请再次输入密码" required>
                    </div>
                    <button type="submit" id="btn-register">注册</button>
                    <div class="options">
                        <span>已有账号？</span>
                        <a href="../../../module/Login/html/login.html">立即登录</a>
                    </div>
                </form>
            </div>
        </div>
        <div class="footer">
            <p>Copyright © 2024 VisionScreen. All Rights Reserved.</p>
        </div>
    </div>
    <script type="module" src="../js/register.js"></script>
</body>
</html>
